<template>
    <div>
        <div class="adv_box">
            <div class="adv_title">
                <h1>蓉之风优势</h1>
                <div class="adv_hx"></div>
                <p class="adv_tips">起步早、定位早、管理严谨、服务创新意识强</p>
            </div>
            <el-row :gutter="20">
                <el-col :span="12">
                    <div class="grid-content bg-purple">
                        <div class="adv_num">01</div>
                        <div class="advtext_box">
                            <h3>车型可随时更新</h3>
                            <span class="adv_text">可随时租用最新车型，从目前人们经常更换手机的状况就能预料到几年后，经常换新车，将是人们的新时尚。</span>
                        </div>
                    </div>
                </el-col>
                <el-col :span="12">
                    <div class="grid-content bg-purple">
                        <div class="adv_num">02</div>
                        <div class="advtext_box">
                            <h3>解除车辆维修、年度检验的烦恼</h3>
                            <span class="adv_text">无论是车辆维修还是其它原因，车辆不能正常使用时，租赁公司都会及时提供替代车，保证用车。</span>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <div class="grid-content bg-purple">
                        <div class="adv_num">03</div>
                        <div class="advtext_box">
                            <h3>可充分提高资金利用率</h3>
                            <span class="adv_text">如果购车一次性支付30万元，那么租车和买车相比至少可节省一次性投资20万元。消费者用这20万元去经营，可赚取一笔可观的利润。</span>
                        </div>
                    </div>
                </el-col>
                <el-col :span="12">
                    <div class="grid-content bg-purple">
                        <div class="adv_num">04</div>
                        <div class="advtext_box">
                            <h3>可保证你良好的财务状况</h3>
                            <span class="adv_text">自购车辆必然会造成固定资产增加、借款增加、流动资产减少使财务出现不良状况，而租赁车辆将有效回避上述风险。</span>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <div class="grid-content bg-purple">
                        <div class="adv_num">05</div>
                        <div class="advtext_box">
                            <h3>有利于提高成本观念，减少浪费</h3>
                            <span class="adv_text">而租车，一可根据业务需要随时调控用车数量，二是用车人知道自己的用车成本，可直接减少不必要的用车，有效地提高员工的成本观念。</span>
                        </div>
                    </div>
                </el-col>
                <el-col :span="12">
                    <div class="grid-content bg-purple">
                        <div class="adv_num">06</div>
                        <div class="advtext_box">
                            <h3>万一发生交通事故时，租赁公司能全力协助</h3>
                            <span class="adv_text">做为车辆管理的专业租赁公司，平时就与保险公司有良好的合作关系，在处理理赔过程中，必然有明显的优势。</span>
                        </div>
                    </div>
                </el-col>
            </el-row>
            
        </div>
    </div>
</template>

<script setup></script>

<style scoped>
.adv_box {
    width: 1250px;
    height: 680px;
    background-image: url("../picture/优势背景图1.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    color: white;
    padding-top: 50px;
    background-color: bisque;
}
h1 {
    font-weight: 400;
}
.adv_hx {
    width: 60px;
    margin: 5px auto;
    /* margin-top: -13px; */
    border-bottom: 4px solid white;
}

.grid-content {
    height: 125px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(234, 234, 229, .1);
    /* opacity: .5; */
}
 .grid-content[data-v-95b0ea80]:hover{
    background-color: coral;
}
.adv_num {
    width: 150px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    margin-left: 10px;
    /* border: 1px solid white; */
    background-color: rgba(234, 234, 229, .2);;
}
.advtext_box {
    text-align: start;
    margin-left: 15px;
    margin-right: 10px;
}
h3 {
    font-family: '宋体';
    margin-top: -10px;
}
.adv_text {
    font-family: '宋体';
}
</style>